/*表示最小的宽度为800的时候，相当于电脑时使用的样式*/
@media screen and (min-width: 800px) {
  #top ul {
    float:right;
    
  }
}
/*表示最大的宽度为800的时候的样式，只要分辨率小于800使用这个样式*/
@media screen and (max-width: 800px) {
  #top ul {
    text-align: center;
  }
}

#top {
  height:66px;
  background: #f4f4f4;
  border-bottom: 1px solid #aaa;
}

#top ul {
  position: relative;
  top:20px;
}

#top li {
  border-right:1px solid #aaa;
  padding-right:10px;
}
#top li:last-child {
  border:none;
}
a.top_href:link,a.top_href:visited {
  text-decoration: none;
  color:#636363;
}
a.top_href:hover {
  text-decoration: underline;
  color:#858585;
}

#logo {
  height:120px;
  /* background: #636363; */
}
#web_logo {
  height: 80px;
  background: url(img/band.png) no-repeat;
  background-position: 50% 100%;
  position: relative;
  top:20px;
}
#big_search {
  float: left;
  width: 60%;
  position: relative;
  margin-left: -20px;
  top:44px;
}
#big_cart {
  float:left;
  position: relative;
  top:30px;
  margin-left:20px;
  height: 60px;
  width: 30%;
  background: url(img/cart.png) no-repeat;
}
#big_cart > span {
  position: relative;
  left:20%;
  top:30%;
}
#big_cart span.badge {
  background:#933;
  margin-top:-2px;
  margin-left:5px;
}
#nav {
  margin:0px;
}
#m_search {
  width: 70%;
  /* position: relative;
  top:-40px; */
  margin-top:-40px;
}
#m_search .input-group {
  float:left;
  width: 80%;
}
#m_cart {
  float:left;
  position: relative;
  left:15px;
  top:7px;
}
#zxzk {
  background: #f5f5f5;
  padding-bottom:10px;
}
div.product h3 {
  height: 70px;
  text-align: center;
  margin-top: 0px;
  background: url(img/pro_title.png) no-repeat;
  background-position: 50%;
}
div.product h3 span {
  font-size:16px;
  color:#e27937;
  position: relative;
  top:18px;
  font-weight: bold;
}
div.zxzk_c {
  width: 85%;
  margin-left:20px;
  margin-bottom:20px;
}
div.zxzk_c img {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
div.zxzk_intro {
  background: #fff;
  padding:10px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
div.zxzk_intro p span {
  margin:0px 1px;
}
div.zxzk_intro h4 {
  font-size:14px;
  font-weight: bold;
  color: #888;
}
#rxcp h3 span {
  color:#fa702a;
}
#rxcp_choice {
  text-align: center;
  margin-bottom:20px;
}
div.rxcp {
  border:1px solid #aaa;
  border-radius: 8px;
  margin:10px 16px;
  padding:0px;
}

div.rxcp img {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
div.rxcp_top {
  background: #f7f7f7;
  border-top:1px solid #f7f7f7;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  text-align: center;
  padding-bottom:3px;
  border-bottom:1px solid #ddd;
}
div.rxcp_top div {
  margin:8px 0px;
  list-style: none;
}
i.m_star {
  color: #fec42d;
}
#cpfl h3 span {
  color:#ff5b35;
}
div.cpfl01 {
  margin:15px 20px;
  border:1px solid #aaa;
  border-radius: 5px;
  padding:5px;
  text-align: center;
}
div.cpfl01 img {
  margin:auto;
}
div.cpfl01 h4 {
  font-size:14px;
  font-weight: bold;
  color:#666;
}
div.tbtj img {
  margin:auto;
  margin-bottom:15px;
  width: 90%;
  border-radius: 5px;

}
div.zysp {
  width: 99%;
}
div.zysp_g {
  margin:auto;
  margin-bottom:15px;
  width: 95%;
}
div.zysp_g h3 {
  font-size: 14px;
  margin-left:20px;
  font-weight: bold;
}
div.zysp_sp {
  border:1px solid #aaa;
  margin-left:20px;
  border-radius: 10px;
  padding:10px;
  margin-bottom:15px;
  height:80%;
}
div.zysp_img {
  float:left;
}
div.zysp_intro {
  width: 30%;
  float:left;
}
div.zysp_intro p {
  text-align: center;
  margin:20px 0px;
}
div.bottom {
  background: #121212;
}
div.bottom p {
  margin: auto;
  text-align: center;
  color:#7a7a7a;
  margin-top:10px;
  margin-bottom:10px;
}